<template>
	<div class="AdminIndex">
		<div class="layout">
			<Layout>
				<Header :style="{position: 'fixed', width: '100%'}">
					<Menu mode="horizontal" theme="dark" active-name="1" @on-select="tz">
						<div class="layout-nav">
							<MenuItem name="/admin/home">
								<Icon type="ios-navigate"></Icon>
								主页
							</MenuItem>
							<MenuItem name="/admin/home/backstage">
								<Icon type="ios-keypad"></Icon>
								商户管理
							</MenuItem>
							<MenuItem name="/admin/home/user">
								<Icon type="ios-analytics"></Icon>
								用户管理
							</MenuItem>
							<MenuItem name="4">
								<Icon type="ios-paper"></Icon>
								查看举报
							</MenuItem>
						</div>
					</Menu>
				</Header>
			</Layout>
		</div>
		<div class="body">
			<router-view />
		</div>
	</div>
</template>

<script>
	export default {
		name: "AdminIndex",
		data() {
			return {

			};
		},
		methods:{
			tz(e){
				this.$router.push(e)
			}
		}
	}
</script>

<style lang="less">
	.AdminIndex {
		.layout{
			border: 1px solid #d7dde4;
			background: #f5f7f9;
			position: relative;
			border-radius: 4px;
			overflow: hidden;
		}
		.body{
			position: absolute;
			top: 64px;
			bottom: 0;
			left: 0;
			right: 0;
		}
	}
</style>